<template>
    <el-container>
        <el-header>
            <el-row class="row-bg" justify="space-between">
                <el-col :span="6">
                    图标样式
                </el-col>
                <el-col :span="15">
                    <div style="line-height: 50px; font-size: 20px; text-align: center;">
                        AI智选汽车服务后台管理系统
                    </div>

                </el-col>
                <el-col :span="3">
                    <el-dropdown>

                        <span class="el-dropdown-link">
                            <img src="../../assets/logo.png" alt="" width="30" height="30">
                            萧炎
                            <el-icon class="el-icon--right">
                                <arrow-down />
                            </el-icon>
                        </span>
                        <template #dropdown>
                            <el-dropdown-menu>
                                <el-dropdown-item>个人中心</el-dropdown-item>
                                <el-dropdown-item>账户与安全</el-dropdown-item>
                                <el-dropdown-item>关于我们</el-dropdown-item>
                                <el-dropdown-item disabled>友谊合作</el-dropdown-item>
                                <el-dropdown-item divided>退出登录</el-dropdown-item>
                            </el-dropdown-menu>
                        </template>
                    </el-dropdown>
                </el-col>
            </el-row>
        </el-header>
        <el-container>
            <el-aside width="200px">
                <Menu></Menu>
            </el-aside>
            <el-main>
                1233
                <router-view></router-view>
            </el-main>
        </el-container>
    </el-container>
</template>

<script setup>
import Menu from '../../components/Menu.vue';
</script>

<style scoped>
* {
    margin: 0;
    padding: 0;
}

.el-header {
    width: 100%;
    height: 50px;
    background-color: #6db5ff;
    ;
}

.el-dropdown {
    line-height: 50px;
    font-size: 16px;
    margin-right: 13px;
    float: right;

    img {
        position: absolute;
        right: 57px;
        top: 10px;
    }
}
</style>